<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
	<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>	
</head>

<body>
	<div data-role="header">
		<h1>Setting</h1>
	</div>
	<div data-role="content">
		<label for="slider-1">Slider with tooltip: </label>
		<input type="range" name="slider-1" id="slider-1" min="0" max="100" value="50" data-popup-enabled="true" data-show-value="true">
	</div>
	<div data-role="footer">
		<h1>Footer</h1>
	</div>
</body>
</html>
